<section class="content-header">
    <h1>
        分析统计
        <small>相关数据分析</small>
    </h1>
    <ol class="breadcrumb">
        <li><a ui-sref="index"><i class="fa fa-dashboard"></i> 主页</a></li>
        <li class="active">分析统计</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box ">
                <div class="box-header with-border">
                    <h3 class="box-title "><i class="fa fa-tag"></i>定制图表
                        <small>地图只能和省份搭配</small>
                    </h3>
                </div>
                <div class="box-body ">
                    <div class="row">
                        <div class="col-xs-3">
                            <label for="type"><i class="fa fa-bar-chart-o"></i></label>
                            <select id="type" ng-model="condition.type" ng-change="changeType();">
                                <option value="" disabled>图表类型</option>
                                <option value="bar">条形图</option>
                                <option value="pie">饼状图</option>
                                <option value="map">地图</option>
                            </select>
                        </div>
                        <div class="col-xs-3">
                            <label for="group"><i class="fa fa-bar-chart-o"></i></label>
                            <select id="group" ng-model="condition.group" ng-change="changeGroup();">
                                <option value="" disabled>统计类型</option>
                                <option ng-disabled="condition.province" value="category">行业</option>
                                <option ng-disabled="condition.province" value="product">产品</option>
                                <option ng-disabled="condition.province" value="purpose">用途</option>
                                <option ng-selected="condition.province" value="province">省份</option>
                            </select>
                        </div>
                        <div class="col-xs-2">
                            <label for="data"><i class="fa fa-bar-chart-o"></i></label>
                            <select id="data" ng-model="condition.data" ng-change="changeData();">
                                <option value="" disabled>统计数据</option>
                                <option ng-disabled="condition.province" value="count">合同量</option>
                                <option ng-disabled="condition.province" value="money">总金额</option>
                                <option ng-selected="condition.province" ng-disabled="condition.all" value="all">
                                    合同量+总金额
                                </option>
                            </select>
                        </div>
                        <div class="col-xs-2"></div>
                    </div>
                    <br>
                    <div id="pic" style="width:90%;height: 70%;"></div>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>
